{% extends 'base.html' %}

{% block content %}
  <div class="hero-unit">
    <h1>
      <img src="/p/img/brand_logo.png" alt="{{config.BRAND_NAME}} Logo">
    </h1>
    <p>The easiest way to start new applications on Google App Engine.</p>
    <p>What you see here is exactly what you get.</p>
    <p>Clone the project and you're up and running!</p>
      <pre style="prettyprint">
  $ hg clone https://code.google.com/p/gae-init/ project-name
  $ dev_appserver.py /path/to/project-name/main</pre>
    <p>
      <a class="btn btn-primary btn-large" href="http://code.google.com/p/gae-init/">
        Visit GAE Init Project page &raquo;
      </a>
    </p>
  </div>

  <div class="row">
    <div class="span4">
      <h2>Tech Stack for the App</h2>
      <ul>
        <li><a href="https://developers.google.com/appengine/">Google App Engine</a></li>
        <li><a href="https://developers.google.com/appengine/docs/python/python27/using27">Python 2.7</a></li>
        <li><a href="https://developers.google.com/appengine/docs/python/ndb/">NDB</a></li>
        <li><a href="http://jinja.pocoo.org/docs/">Jinja2</a></li>
        <li><a href="http://flask.pocoo.org/">Flask</a></li>
        <li><a href="http://coffeescript.org/">CoffeeScript</a></li>
        <li><a href="http://lesscss.org/">LessCSS</a></li>
        <li><a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a></li>
        <li><a href="http://www.pubnub.com">PubNub</a></li>
      </ul>
      <h3>Login Options</h3>
        <p>
          <a href="{{url_for('login_google')}}" class="btn">
            <img src="http://www.google.com/favicon.ico" alt="Google favicon.ico">
            Google
          </a>
          <a href="{{url_for('login_facebook')}}" class="btn">
            <img src="http://www.facebook.com/favicon.ico" alt="Facebook favicon.ico">
            Facebook
          </a>
          <a href="{{url_for('login_twitter')}}" class="btn">
            <img src="http://www.twitter.com/favicon.ico" alt="Twitter favicon.ico">
            Twitter
          </a>
        </p>
    </div>
    <div class="span4">
      <h2>Features</h2>
      <ul>
        <li>Open ID Logins</li>
        <li>
          Secret keys are stored in the Datastore.
        </li>
        <li>
          Automatic redirect back to where you were after login.
        </li>
        <li>
          Force redirect by providing <strong>&amp;next</strong> argument to the login URL.
        </li>
        <li>
          JSON services with more URL, limits, filter & orders.
        </li>
        <li>Feedback form</li>
        <li>Push notificatiosn via PubNub</li>
      </ul>
    </div>
    <div class="span4">
      <h2>For developers</h2>
      <ul>
        <li>
          <a href="http://www.sublimetext.com/2" target="_blank">
            Sublime Text 2
          </a>
        </li>
        <li>
          <a href="https://chrome.google.com/webstore/detail/chklaanhfefbnpoihckbnefhakgolnmc" target="_blank">
            JSONView
          </a> (Chrome Extension)
        </li>
      </ul>
      <div class="alert alert-success">
        <h2>Live Examples</h2>
        <ul>
          <li>
            <a href="http://www.remby.com" target="_blank">Remby</a>
            (closed source)
          </li>
          <li>
            <a href="http://www.thesmallestcreature.com" target="_blank">The Smallest Creature</a>
            (<a href="http://code.google.com/p/smallest-creature/source/browse/" target="_blank">source</a>)
          </li>
        </ul>
        <p>
          Do you have something to show or ask?<br>
          Send suggestions, questions, links via the <a href="{{feedback}}">feedback</a>
          form.
        </p>
      </div>
    </div>
  </div>
{% endblock %}
